body {
    width: 100%;
    display: flex;
    flex-direction: column;

    header {
        padding: 0 10px;
        width: 100%;
        background-color: #18336d;
        height: 50px;
        line-height: 50px;
        position:fixed;
        z-index: 9999;

        .iconfont {
            color: #fff;
            font-size: 22px;
            font-weight: bold;
        }

        .icon-dingdingyundong{
            position: absolute;
            right: 10px;
        }

        .title {
            color: #fff;
            font-size: 22px;
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
        }
    }


    .swiper {
        img {
            width: 100%;
        }

        width: 100%;
        height:370px;
    }

    .title1 {
        margin-top: 20px;

        h1 {
            padding-left: 30px;
        }

        span {
            font-size: 25px;
            color: #999;
            font-weight: normal;
        }
    }

    main {
        display: flex;
        flex-direction: column;

        li {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            border: 1px solid #696969;

            // overflow-x: auto;
            .introduction {
                width: 100%;

                h2 {
                    width: 100%;
                }

                span {
                    color: #cc9933;
                }

                p {
                    color: #777777;
                   
                }

            }

            .discount {
                display: flex;
                width: 100%;
            }
            
        }
       
        .clothes {
            width: 150px;
            height: 150px;
            border-right: 1px dashed #18336d;
        }
    }
}